<template>
    <div style="">
      <Header :left="true" leftText="返回" title="质量辅助决策-外观详情"> </Header>
      <van-form :style="autoHeight" @submit="onSubmit">
        <NoticeBar
          color="#1989fa"
          background="#ecf9ff"
          style="margin-top: 5px; font-size: 15px; font-weight: bold"
          left-icon="description"
          >基本信息</NoticeBar
        >
        <van-field
          readonly
          class="formstyle"
          :value="valueteamid"
          name="班组"
          label="班组"
          placeholder="输入班组"
        />
        <van-field
          readonly
          class="formstyle"
          :value="valuepShiftName"
          name="班次"
          label="班次"
          placeholder="输入班次"
        />
        <van-field
          readonly
          class="formstyle"
          :value="form.ProductionDate"
          name="生产日期"
          label="生产日期"
          placeholder="输入生产日期"
        />
        <van-field
          readonly
          class="formstyle"
          :value="form.WorkPlanDatetimeFrom"
          name="抽检时间"
          label="抽检时间"
          placeholder="输入抽检时间"
        />
        <NoticeBar
          color="#1989fa"
          background="#ecf9ff"
          style="margin-top: 5px; font-size: 15px; font-weight: bold"
          left-icon="description"
          >产品信息</NoticeBar
        >
        <van-field
          readonly
          class="formstyle"
          :value="form.POrderID"
          name="订单号码"
          label="订单号码"
          placeholder="输入订单号码"
        />
  
        <van-field
          readonly
          class="formstyle"
          v-model="form.MaterialID"
          name="产品代码"
          label="产品代码"
          placeholder="请填写产品代码"
        />
  
        <van-field
          readonly
          class="formstyle"
          v-model="form.PLineID"
          name="生产线代码"
          label="生产线代码"
          placeholder="输入生产线代码"
        />
  
        <van-field
          readonly
          class="formstyle"
          v-model="form.CustomerName"
          name="客户名称"
          label="客户名称"
          placeholder="输入客户名称"
        />
        <van-field
          readonly
          class="formstyle"
          v-model="form.BatchID"
          name="生产批次"
          label="生产批次"
          placeholder="请填写生产批次"
        />
        <van-field
          readonly
          class="formstyle"
          v-model="form.CountPerBox"
          name="每箱/垛数量"
          label="每箱/垛数量"
          placeholder="请填写箱/垛数量"
          use-extra-slot
        >
          <van-extra slot="extra">PC</van-extra>
        </van-field>
        <van-field
          readonly
          class="formstyle"
          v-model="form.BoxInBatch"
          name="本批检验数量"
          label="本批检验数量"
          placeholder="请填写本批检验数量"
          use-extra-slot
        >
          <van-extra slot="extra">箱/垛</van-extra>
        </van-field>
  
        <van-field
          readonly
          class="formstyle"
          v-model="form.ProductionAmount"
          name="目标检测数量"
          label="目标检测数量"
          placeholder="请先填写目本批生产数"
          use-extra-slot
        >
          <van-extra slot="extra">PC</van-extra>
        </van-field>
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showCheckType(form.CheckTypeID)"
          label="检验类型"
          placeholder="点击选择检验类型"
        />
        <van-field
          readonly
          class="formstyle"
          v-if="false"
          v-model="form.SamplePlan1G"
          name="抽样计划G"
          label="抽样计划G"
          placeholder="输入抽样计划G"
        />
        <van-field
          class="formstyle"
          readonly
          v-model="form.SamplePlan2G"
          name="抽样计划G"
          label="抽样计划G"
          placeholder="输入抽样计划G"
        />
        <van-field
          readonly
          class="formstyle"
          v-model="form.PlanBox"
          name="计划抽样数量"
          label="计划抽样数量"
          placeholder="请填写计划抽样数量"
          :rules="[{ required: false, message: '请填写计划抽样数量' }]"
          use-extra-slot
        >
          <van-extra slot="extra">PC</van-extra>
        </van-field>
        <van-cell-group>
          <van-row type="flex">
            <van-col span="5" class="formstyle">
              <van-cell-group>
                <van-cell title="实际抽样数量" />
              </van-cell-group>
            </van-col>
            <van-col span="6">
              <van-field
                readonly
                class="formstyle"
                v-model="form.SamplePerBox"
                input-align="right"
                name="每箱/垛抽检数量"
                placeholder="每箱/垛中抽样数量"
              />
            </van-col>
            <van-col span="1" class="formstyle">
              <van-cell-group>
                <van-cell title="/" />
              </van-cell-group>
            </van-col>
            <van-col span="12">
              <van-field
                readonly
                class="formstyle"
                v-model="form.SampleBox"
                name="抽样箱/垛数量"
                placeholder="抽样箱/垛数量"
                use-extra-slot
              >
                <van-extra
                  slot="extra"
                  v-if="form.SamplePerBox * form.SampleBox > 0"
                  >共计{{ form.SamplePerBox * form.SampleBox }}PC</van-extra
                >
              </van-field>
            </van-col>
          </van-row>
        </van-cell-group>
  
        <van-field
          class="formstyle"
          readonly
          v-model="form.BarCode"
          name="包装条码"
          label="包装条码"
          placeholder="输入抽包装条码"
        />
        <NoticeBar
          color="#1989fa"
          background="#ecf9ff"
          style="margin-top: 5px; font-size: 15px; font-weight: bold"
          left-icon="description"
          >缺陷信息 - 严重缺陷</NoticeBar
        >
        <van-field
          class="formstyle"
          v-model="form.SamplePlan1Re"
          readonly
          name="抽样计划Re"
          label="抽样计划Re"
          placeholder="输入抽样计划Re="
        />
        <van-field
          class="formstyle"
          v-model="form.SamplePlan1Value"
          readonly
          name="异常数量"
          label="异常数量"
          placeholder="输入异常数量"
        />
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showManageReasonID(ManageReasonName1)"
          label="缺陷类型"
          placeholder="点击选择缺陷类型"
        />
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showManageReasonID(ManageReasonName2)"
          label="缺陷类型"
          placeholder="点击选择缺陷类型"
        />
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showManageReasonID(ManageReasonName3)"
          label="缺陷类型"
          placeholder="点击选择缺陷类型"
        />
        <div class="formstyle" v-if="urls1 !== undefined &&
          urls1.length > 0
          ">
          <div style="margin-left: 15px;margin-bottom: 15px;" v-for="(imgUrl, ks) in urls1" :key="ks">
            <div class="van-uploader__wrapper" style="float: left">
              <div class="van-uploader__preview">
                <div  class="van-image van-uploader__preview-image">
                  <img :src="imgUrl" class="van-image__img" />
                </div>
  
              </div>
            </div>
          </div>
        </div>
        <NoticeBar
          color="#1989fa"
          background="#ecf9ff"
          style="margin-top: 5px; font-size: 15px; font-weight: bold"
          left-icon="description"
          >缺陷信息 - 一般缺陷</NoticeBar
        >
        <van-field
          class="formstyle"
          readonly
          v-model="form.SamplePlan2AQL"
          name="抽样计划AQL"
          label="抽样计划AQL"
          placeholder="输入抽样计划AQL"
        />
        <van-field
          class="formstyle"
          readonly
          v-model="form.SamplePlan2AC"
          name="抽样计划AC/RE"
          label="抽样计划AC/RE"
          placeholder="输入抽样计划AC/RE"
        />
        <van-field
          class="formstyle"
          readonly
          v-model="form.SamplePlan2Value"
          name="异常数量"
          label="异常数量"
          placeholder="输入异常数量"
        />
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showQProblemID(QProblemName1)"
          label="缺陷类型"
          placeholder="点击选择缺陷类型"
        />
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showQProblemID(QProblemName2)"
          label="缺陷类型"
          placeholder="点击选择缺陷类型"
        />
        <van-field
          readonly
          class="formstyle"
          name="picker"
          :value="showQProblemID(QProblemName3)"
          label="缺陷类型"
          placeholder="点击选择缺陷类型"
        />
        <div class="formstyle" v-if="urls2 !== undefined &&
          urls2.length > 0
          ">
          <div style="margin-left: 15px;margin-bottom: 15px;" v-for="(imgUrl, ks) in urls2" :key="ks">
            <div class="van-uploader__wrapper" style="float: left">
              <div class="van-uploader__preview">
                <div  class="van-image van-uploader__preview-image">
                  <img :src="imgUrl" class="van-image__img" />
                </div>
  
              </div>
            </div>
          </div>
        </div>
  
        <NoticeBar
          color="#1989fa"
          background="#ecf9ff"
          style="margin-top: 5px; font-size: 15px; font-weight: bold"
          left-icon="description"
          >结果判定</NoticeBar
        >
        <van-field class="formstyle" v-model="form.Memo" name="需注明的缺陷描述" label="需注明的缺陷描述" placeholder="需注明的缺陷描述" type="textarea" rows="4" maxlength="1000" readonly/>
        <van-field
          readonly
          class="formstyle"
          v-model="showName"
          name="检测人员"
          label="检测人员"
          placeholder="检测人员"
        />
  
        <van-field
          readonly
          class="formstyle"
          v-model="valueQualityOk"
          name="检验结果"
          label="检验结果"
          placeholder="输入检验结果"
        />

      </van-form>
    </div>
  </template>
  
  <script>
  import {
    Col,
    Row,
    Form,
    Cell,
    Icon,
    Field,
    NumberKeyboard,
    Image as VanImage,
    Picker,
    popup,
    SubmitBar,
    Button,
    Loading,
    Overlay,
    Dialog,
    Toast,
    NoticeBar,
    Tag,
    DatetimePicker,
    ImagePreview,
    CellGroup,
    Uploader,
    Cascader,
    Calendar,
    RadioGroup,
    Radio,
    Divider,
    Stepper,
    AddressList,
    Checkbox,
    CheckboxGroup,
  } from "vant";
  
  import "vue-easytable/libs/themes-base/index.css";
  import { VTable } from "vue-easytable";
  import { _httpClient } from "@/libs/apisie";
  import { _httpClient as _httpClientApi } from "@/libs/api";
  import { getToken, getBaseApiFrefix } from "@/libs/auth";
  import Header from "@/components/header.vue";
  import { storage } from "@/libs/utils";
  
  Vue.use(Form);
  Vue.use(Field);
  Vue.use(Overlay);
  Vue.use(Loading);
  Vue.use(Picker);
  Vue.use(popup);
  Vue.use(SubmitBar);
  Vue.use(VanImage);
  Vue.use(DatetimePicker);
  Vue.use(Cascader);
  Vue.use(Calendar);
  Vue.use(Cell);
  Vue.use(RadioGroup);
  Vue.use(Radio);
  Vue.use(Divider);
  Vue.use(Stepper);
  Vue.use(Button);
  Vue.use(AddressList);
  Vue.use(Checkbox);
  Vue.use(CheckboxGroup);
  Vue.use(Col);
  Vue.use(Row);
  
  export default {
    name: "checkAppreance",
    components: {
      Form,
      Row,
      Col,
      Button,
      Header,
      Form,
      Cell,
      Icon,
      Field,
      NumberKeyboard,
      Dialog,
      Toast,
      NoticeBar,
      Row,
      Tag,
      popup,
      DatetimePicker,
      ImagePreview,
      CellGroup,
      Uploader,
      Col,
      Calendar,
      Cascader,
      Picker,
      RadioGroup,
      Radio,
      Divider,
      Stepper,
      VTable,
      AddressList,
      Checkbox,
      CheckboxGroup,
    },
    data() {
      return {
        showName:"",
        columnsDealType: [],
        showPickerEmployee1: "",
        columnsCheckedMan: [],
        user: [],
        form: {},
        urls1:[],
        urls2:[],
        valueteamid: "",
        valuepShiftName: "",
        QProblemName1: "",
        QProblemName2: "",
        QProblemName3: "",
        ManageReasonName1: "",
        ManageReasonName2: "",
        ManageReasonName3: "",
        columnsType: [],
        valueQualityOk: "",
        QProblemIDList: ["空", "空", "空"],
        ManageReasonIDList: ["空", "空", "空"],
        columnsQProblem: [],
        columnsManageReason: [
          { ManageReasonID: "0", ManageReasonName: "无异常" },
        ],
      };
    },
    created: function () {
      this.user = JSON.parse(storage.get("user"));
      this.user.userId = this.user.userName;
      this.getQualityProblems();
      this.getManageReasonID();
      this.getCheckType();
      this.form = api.pageParam.item;
      // alert(JSON.stringify(this.form))
      this.urls1=this.form.ImageURL1.split(",")
      this.urls2=this.form.ImageURL2.split(",")
      if (this.form.TeamID == "SJT01") {
        this.valueteamid = "太仓塑胶A班";
      } else if (this.form.TeamID == "SJT02") {
        this.valueteamid = "太仓塑胶B班";
      } else {
        this.valueteamid = "无此班组";
      }
      if (this.form.PShiftID == "BC01") {
        this.valuepShiftName = "三班次-早班 08:30:00";
      } else if (this.form.PShiftID == "BC02") {
        this.valuepShiftName = "三班次-中班 16:30:00";
      } else if (this.form.PShiftID == "BC03") {
        this.valuepShiftName = "三班次-晚班 00:30:00";
      } else {
        this.valuepShiftName = "无此班次";
      }
      // this.form.WorkPlanDatetimeFrom = new Date().toLocaleString();
      this.form.ProductionDate = this.getNowTime();
      if (this.form.QualityOk) {
        this.valueQualityOk = "合格";
      } else {
        this.valueQualityOk = "不合格";
      }
  
      this.QProblemIDList = JSON.parse(this.form.QProblemID);
      if (this.QProblemIDList.length == 3) {
        this.QProblemName1 = this.QProblemIDList[0];
        this.QProblemName2 = this.QProblemIDList[1];
        this.QProblemName3 = this.QProblemIDList[2];
      } else if (this.QProblemIDList.length == 0) {
        this.QProblemName1 = "无异常";
        this.QProblemName2 = "无异常";
        this.QProblemName3 = "无异常";
      }
      this.ManageReasonIDList = JSON.parse(this.form.ManageReasonID);
      if (this.ManageReasonIDList.length == 3) {
        this.ManageReasonName1 = this.ManageReasonIDList[0];
        this.ManageReasonName2 = this.ManageReasonIDList[1];
        this.ManageReasonName3 = this.ManageReasonIDList[2];
      } else if (this.ManageReasonIDList.length == 0) {
        this.ManageReasonName1 = "无异常";
        this.ManageReasonName2 = "无异常";
        this.ManageReasonName3 = "无异常";
      }
      this.getRealName(this.form.Creator)
    },
    mounted() {},
  
    methods: {
      showQProblemID(QProblemID) {
        let _this = this;
        var QProblemName = QProblemID;
        _this.columnsQProblem.forEach((item) => {
          if (item.QProblemID === QProblemID) {
            QProblemName = item.QProblemName;
          }
        });
        return QProblemName;
      },
      async getQualityProblems() {
        let _this = this;
        try {
          let res = await _httpClient.get(
            _httpClient.getApiPrefix() + "/QualityProblems/GetList"
          );
          if (res.HttpCode === "200") {
            let qProblemNameMap = res.Data.map((item) => ({
              QProblemID: item.QProblemID,
              QProblemName: item.QProblemName,
            }));
            _this.columnsQProblem = qProblemNameMap;
          }
        } catch (e) {
          Toast.fail(JSON.stringify(e));
        }
      },
      showManageReasonID(ManageReasonID) {
        let _this = this;
        var ManageReasonName = ManageReasonID;
        _this.columnsManageReason.forEach((item) => {
          if (item.ManageReasonID === ManageReasonID) {
            ManageReasonName = item.ManageReasonName;
          }
        });
        return ManageReasonName;
      },
      async getManageReasonID() {
        let _this = this;
        try {
          let res = await _httpClient.get(
            _httpClient.getApiPrefix() + "/QualityManageReason/GetList"
          );
          if (res.HttpCode === "200") {
            let ManageReasonNameMap = res.Data.map((item) => ({
              ManageReasonID: item.ManageReasonID,
              ManageReasonName: item.ManageReasonName,
            }));
            _this.columnsManageReason = ManageReasonNameMap;
          }
        } catch (e) {
          Toast.fail(JSON.stringify(e));
        }
      },
      showCheckType(type) {
        let result = type;
        this.columnsType.forEach((item) => {
          if (item.CheckTypeID === result) {
            result = item.CheckTypeName;
          }
        });
        return result;
      },
      //获取检验类型
      async getCheckType() {
        let _this = this;
        try {
          let res = await _httpClient.get(
            _httpClient.getApiPrefix() + "/QualityCheckType/GetList"
          );
          if (res.HttpCode === "200") {
            let shiftMap = res.Data.map((item) => ({
              CheckTypeName: item.CheckTypeName,
              CheckTypeID: item.CheckTypeID,
            }));
            _this.columnsType = shiftMap;
          }
        } catch (e) {
          Toast.fail(JSON.stringify(e));
        }
      },
      changeQualityOk() {
        //如果合格 隐藏页面 直接提交
        if (this.valueQualityOk == "1") {
          this.form.QualityOk = true;
        } else {
          //若不合格 填写抽检表单
          this.form.QualityOk = false;
        }
      },
      itemClear() {
        this.form.valueteamid = "";
        this.form.pShiftID = "";
        this.form.pOrderID = "";
        this.form.materialid = "";
        this.form.materialname = "";
        this.form.planworkdatetime = "";
        this.form.ProductionDate = "";
        this.form.CheckTypeID = "";
        this.form.CheckedMan = "";
        //包装条码
        this.form.BarCode = "";
        //检验备注
        this.form.Memo = "";
        this.form.ProductionAmount = "";
        //抽样数量
        this.form.SampleAmount = "";
        //计划抽样数量
        this.form.PlanBox = "";
        //抽样计划1G
        this.form.SamplePlan1G = "";
        //抽样计划1Re
        this.form.SamplePlan1Re = "";
        //抽检值1
        this.form.SamplePlan1Value = 0;
        //抽样计划2G
        this.form.SamplePlan2G = "";
        //抽样计划2AC
        this.form.SamplePlan2AC = "";
        //抽样计划2AQL
        this.form.SamplePlan2AQL = "";
        //抽检值2
        this.form.SamplePlan2Value = 0;
        //生产批次
        this.form.BatchID = "";
        //生产车间
        this.form.WorkshopID = "";
        //检验是否合格
        this.form.QualityOk = "";
        //缺陷原因
        this.form.QProblemID = "0"; //管理责任
        this.form.ManageReasonID = "0";
        //客户名称
        this.form.CustomerName = "";
        this.showPickerdatetime = false;
        this.valueQualityOk = "1";
        this.plineID = "";
        this.ManageReasonName = "无异常";
        this.time = "";
        this.FactoryID = "";
        this.valuepShiftName = "";
        this.CheckTypeName = "";
        this.QProblemName = "无异常";
        this.valueteamid = "";
        this.BeginTime = "";
        this.WorkPlanDatetimeFrom = "";
        this.showPickerteamid = false;
        this.showPickerpShiftID = false;
        this.valueemployid = "";
        this.columnsshift = [];
        this.columnsType = [];
        this.showPickerdatetime = false;
        this.showPickerType = false;
        this.showPickerManageReason = false;
        this.showPickerQProblem = false;
      },
      // 获取当前时间
      getNowTime() {
        let dateTime;
        let yy = new Date().getFullYear();
        let mm = new Date().getMonth() + 1;
        let dd = new Date().getDate();
        let hh = new Date().getHours();
        let mf =
          new Date().getMinutes() < 10
            ? "0" + new Date().getMinutes()
            : new Date().getMinutes();
        let ss =
          new Date().getSeconds() < 10
            ? "0" + new Date().getSeconds()
            : new Date().getSeconds();
        dateTime = yy + "-" + mm + "-" + dd;
        return dateTime;
      },
      timeChange() {
        const strArr = this.BeginTime.split(":");
        this.form.planworkdatetime = `${this.time
          .getFullYear()
          .toString()
          .padStart(2, 0)}-${(this.time.getMonth() + 1)
          .toString()
          .padStart(2, 0)}-${this.time.getDate().toString().padStart(2, 0)} ${
          strArr[0]
        }:${strArr[1]}:${strArr[2]}`;
      },
      //确认提交表单
      submitsure() {
        var _this = this;
       
  
        var bodyitem = {};
        bodyitem = this.form;
  
        let item3 = []
        if (this.ManageReasonName1 != "" && !this.ManageReasonName1.includes("不选择") && !this.ManageReasonName1.includes("无异常")) {
          item3.push(this.ManageReasonName1)
        }
        if (this.ManageReasonName2 != "" && !this.ManageReasonName2.includes("不选择") && !this.ManageReasonName2.includes("无异常")) {
          item3.push(this.ManageReasonName2)
        }
        if (this.ManageReasonName3 != "" && !this.ManageReasonName3.includes("不选择") && !this.ManageReasonName3.includes("无异常")) {
          item3.push(this.ManageReasonName3)
        }
  
        if (this.QProblemName1 != "" && !this.QProblemName1.includes("不选择") && !this.QProblemName1.includes("无异常")) {
          item3.push(this.QProblemName1)
        }
  
        if (this.QProblemName2 != "" && !this.QProblemName2.includes("不选择") && !this.QProblemName2.includes("无异常")) {
          item3.push(this.QProblemName2)
        }
  
        if (this.QProblemName3 != "" && !this.QProblemName3.includes("不选择") && !this.QProblemName3.includes("无异常")) {
          item3.push(this.QProblemName3)
        }
  
        // alert(JSON.stringify(item3))
        this.$ac.openWin({
                name: "quality-qCcheckApplicationTightfill",
                url: "./quality-qCcheckApplicationTightfill.html",
                // name: "quality-qCcheckApplication",
                // url: "./quality-qCcheckApplication.html",
                pageParam: {
                  item: bodyitem,
                  item2: bodyitem,
                  item3: item3
                  //plineid:_this.plineID,
                },
              });
  
        
      },
  
     async getRealName(id){
      try{
          //获得真实用户名
            let ress = await _httpClient.get(
              _httpClient.getApiPrefix() + "/Employee/GetEntityName?FieldValue="+id,
            );
  
            if(ress.HttpCode==="200"){
              this.showName=ress.Data
            }
      }catch(e){
        alert(JSON.stringify(e))
      }
  
      }
    },
  };
  </script>
  
  <style>
  body {
    background-color: white;
  }
  
  .table-title-class {
    background-color: #304156;
    color: #fff;
  }
  
  .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  
  .buttongroup {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  .container.dwo {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .buttonLeft {
    position: fixed;
    bottom: 8px;
    float: left;
    width: 49%;
  }
  
  .formstyle {
    margin-top: 8px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
  }
  
  .radioteam {
    display: flex;
    align-items: center;
    padding-left: 13px;
    margin-top: 10px;
    margin-left: 34px;
    margin-bottom: 10px;
  }
  
  .buttonRight {
    position: fixed;
    bottom: 8px;
    float: right;
    left: 51%;
    width: 49%;
    background-color: #f22028;
    border-color: #f22028;
  }
  
  .textScroll {
    display: inline-block;
    position: fixed;
    top: 50%;
    bottom: 3rem;
    overflow: scroll;
    right: 10px;
    width: 100%;
    z-index: 1;
  }
  
  .message {
    font-size: 15px;
    margin-top: 5px;
    margin-left: -10px;
    font-weight: bold;
  }
  
  .mg5 {
    margin-right: 5px;
  }
  
  .tag_margin {
    margin: 2px 5px;
  }
  
  .card_under {
    height: 100%;
    width: 100%;
    margin: auto;
    background: #ffffff;
    border-radius: 25px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
  }
  
  .card_icon {
    text-align: center;
    /* position: absolute; */
    height: 8rem;
    width: 80%;
    margin: 12% 10%;
    background: rgba(35, 180, 237, 1);
    border-radius: 25px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
  }
  
  .text {
    font-size: 18px;
    color: #4e4a67;
    margin: 8px auto auto 20px;
    line-height: 1.5rem;
    text-align: justify;
    font-weight: 600;
  }
  
  .text_small {
    font-size: 16px;
    color: red;
    margin: 8px auto auto 20px;
    line-height: 1.5rem;
    text-align: justify;
    font-weight: 700;
  }
  
  .text_scan {
    font-size: 16px;
    color: #4e4a67;
    margin: auto auto auto 20px;
    line-height: 1.5em;
    text-align: justify;
  }
  
  .divStyle {
    margin-left: 3px;
    margin-right: 3px;
  }
  
  .rowTextArea::v-deep .van-field__value {
    border: 1px solid #ccc;
  }
  </style>
  